<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>02.自定义属性的数据</title>
    </head>
    <body>
        <input type="button" id="btn" cui="23" data-set="1"  data-hello="崔" data-date="word">
        <script>
            const btn = document.getElementById("btn")
            console.log(btn.cui); //自定义属性直接打点获取不到
            console.log(btn.getAttribute("cui"));  //getAttribute只能获取指定的那一个属性得值
            const {set,hello,date,cui} = btn.dataset;  //dataset是自定义属性所有以data-属性开始的属性值结果集，其实就是一个对象
            console.log(set,hello,date,cui);
            console.log(btn.dataset);
        </script>
    </body>
</html>